<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/commond/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>档期网</title>
<link rel="shortcut icon" href="${ctx }/image/logo_ico.ico" />
<s:include value="/commond/keydesc.jsp"></s:include>
<link href="${ctx }/css/head/head.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/loading.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/part_operate.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/home/detail.css" rel="stylesheet" type="text/css" />
<link href="${ctx}/jqueryui/css/start/jquery-ui-1.8.7.custom.css" rel="stylesheet" type="text/css"/>
<link href="${ctx}/css/dialog_box/add_connect.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
	div.shareoutzone {
	    float: left;
	    height: 50px;
	    margin-left: 60px;
	    width: 430px;
	    display: none;
	}
	div.shareoutzone hr.line {
	    border-style: dashed none none;
	    border-width: 2px medium medium;
	    float: left;
	    height: 2px;
	    width: 430px;
	}
	div.shareoutzone div.shareoutopt {
	    float: left;
	    margin-left: 14px;
	    width: 343px;
	}
	div.shareoutzone div.shareoutopt span.shareouttxt {
	    background: url("../image/share/shareouttxt.png") repeat scroll 0 0 transparent;
	    float: left;
	    height: 14px;
	    width: 50px;
	}
	div.shareoutzone div.shareoutopt a.renrenlogo {
	    background: url("../image/renrenlogo.png") repeat scroll 0 0 transparent;
	    display: block;
	    float: left;
	    height: 16px;
	    margin-left: 30px;
	    width: 16px;
	}
	div.shareoutzone div.shareoutopt a.renrenlogo:hover {
	    background-position: 0 -16px;
	}
	div.shareoutzone div.shareoutopt a.kaixin001logo {
	    background: url("../image/kaixin001logo.png") repeat scroll 0 0 transparent;
	    display: block;
	    float: left;
	    height: 16px;
	    margin-left: 10px;
	    width: 16px;
	}
	div.shareoutzone div.shareoutopt a.kaixin001logo:hover {
	    background-position: 0 -16px;
	}
	div.shareoutzone div.shareoutopt a.qqspacelogo {
	    background: url("../image/qqspacelogo.png") repeat scroll 0 0 transparent;
	    display: block;
	    float: left;
	    height: 16px;
	    margin-left: 10px;
	    width: 16px;
	}
	div.shareoutzone div.shareoutopt a.qqspacelogo:hover {
	    background-position: 0 -16px;
	}
	div.shareoutzone div.shareoutopt a.sinalogo {
	    background: url("../image/sinalogo.png") repeat scroll 0 0 transparent;
	    display: block;
	    float: left;
	    height: 16px;
	    margin-left: 10px;
	    width: 16px;
	}
	div.shareoutzone div.shareoutopt a.sinalogo:hover {
	    background-position: 0 -16px;
	}
	div.shareoutzone div.shareoutopt a.doubanlogo {
	    background: url("../image/doubanlogo.png") repeat scroll 0 0 transparent;
	    display: block;
	    float: left;
	    height: 16px;
	    margin-left: 10px;
	    width: 16px;
	}
	div.shareoutzone div.shareoutopt a.doubanlogo:hover {
	    background-position: 0 -16px;
	}
</style>
<script type="text/javascript" src="${ctx}/js/common/jquery.js"></script>
<script type="text/javascript" src="${ctx}/js/common/common.js"></script>
<script type="text/javascript" src="${ctx}/js/control/calendar.js"></script>
<script type="text/javascript" src="${ctx }/js/common/jquery.cookie.js"></script>
<script type="text/javascript" src="${ctx }/js/pagejs/jquery.jclock.js" ></script>
<script type="text/javascript" src="${ctx }/jqueryui/js/jquery-ui-1.8.7.custom.min.js" ></script>
<script type="text/javascript">var jQ = jQuery.noConflict();</script>
<script type="text/javascript" src="${ctx }/js/home/detail.js"></script>
</head>
<body>
<div class="head_bg">
    <div class="head_table" id="head_table">
    	<div class="logo" onclick="window.location.href='${ctx}/home/'"></div>
    	<ul class="headtable_btnzone" id="headtable_btnzone" style="">
    		<li class="share_clips" onclick="window.open('${ctx }/home/','_self');" id="share_clips">
	        </li>
	    	<li class="my_clips" onclick="window.open('${ctx }/myclip/calendar.html','_self');" id="my_clips">
	    		<a class="btn"></a>
	    		<div id="my_clipscontent">
					<a class="calendar" href="${ctx }/myclip/calendar.html">我的日历</a>
					<a class="clipindex" href="${ctx }/myclip/clip_week.html">我的档期</a>
					<a class="memomanage" href="${ctx }/myclip/set_ctday.html">纪念日管理</a>
					<a class="clipmanage" href="${ctx }/myclip/clip_list.html">档期管理</a>
					<a class="addclip" href="${ctx }/myclip/add_clip.html">添加档期</a>
					<a class="sysmsg" href="${ctx }/myclip/message.html">系统消息</a>
				</div>
	        </li>
	    	<li class="person_controls other_per" onclick="window.open('${ctx }/control/userinfo.html','_self');" id="person_controls">
	    		<a class="btn"></a>
	    		<div id="person_controlscontent">
					<a class="personinfo" href="${ctx }/control/userinfo.html">个人信息</a>
					<a class="changepwd" href="${ctx }/control/setpwd.html">修改密码</a>
					<a class="changephoto" href="${ctx }/control/setphoto.html">修改头像</a>
				</div>
	        </li>
	    	<li class="person_contacts other_per" onclick="window.open('${ctx }/contact/contact.html','_self');" id="person_contacts">
	    		<a class="btn"></a>
	    		<div id="person_contactscontent">
					<a class="contact_all" href="${ctx }/contact/contact.html">名片夹</a>
					<a class="contact_group" href="${ctx }/contact/group.html">群组管理</a>
				</div>
	        </li>
	        <li class="user_apply other_per" onclick="window.open('${ctx }/contact/search.html','_self');" id="user_apply">
	        	<a class="btn"></a>
	    		<div id="user_applycontent">
					<a class="search_friend" href="${ctx }/contact/search.html">查找好友</a>
					<a class="invite_friend" href="${ctx }/contact/contact_add.html">邀请好友</a>
				</div>
	        </li>
	        <li class="question_apply other_per" onclick="window.open('${ctx }/question/apply_question.html','_self');" id="question_apply">
	        </li>
    	</ul>
    	
    	<div id="nowtime">
    		
    	</div>
    </div>
    <div class="personal_fun_out">
	    <div class="personal_fun" id="divpersonal_fun">
	    
	    </div>
        <div class="login_box" style="float: right;">
        	<span id="f_count" class="friend" title="好友请求"></span>
        	<span id="a_count" class="alarm" title="档期提醒"></span>
        	<span class="user_name" onclick="window.location.href='javascript:void(0);';"></span>
        	<span id="user_url" class="user_logo" ></span>
        	<input type="hidden" id="login_systemtime">
        	<input type="hidden" id="var_systemtime">
        	<input type="hidden" id="var_hasmobile">
            <span>|</span>
            <span class="login_out" id="userloginbutton"></span>
        </div>
        <div class="newmsg" id="personal_newmsg">
	    	<a class="finvite"></a>
	    	<span id="finvitecount">(1)</span>
	    	<a class="cinvite"></a>
	    	<span id="cinvitecount">(1)</span>
	    	<a class="calert"></a>
	    	<span id="calertcount">(1)</span>
	    	<a class="ccomment" title="新评论"></a>
	    	<span id="ccommentcount" title="新评论">(1)</span>
	    </div>
    </div>
    <input type="hidden" value="${ctx }" id="ctxVal">
    <span style="display:none; " id="tools"></span>
</div>
<div style="background: url('../image/setphotohead.jpg') repeat-x;height: 40px;min-width: 1230px;">
</div>
<div class="invite_page" style="min-height: 500px;background: url('../image/setphotobg.jpg') repeat;float: left;width: 100%;">
	<div class="detailleftcontent">
		<div class="contenttop"></div>
		<div class="contentcenter" id="clipevent-maincontent">
			<table cellpadding="0" cellspacing="0" style="float: left;">
				<tr>
					<td>
						<ul class="contentlist" id="clip-contentlist">
							<li class="line" style="margin-bottom: 10px;">
								<span class="txtclipcontent"></span>
								<p class="contentval" id="event-title">
								</p>
							</li>
							<li class="line" style="display: none;">
								<span class="txtclipuname" style="margin-top: 8px;"></span>
								<span class="logo" id="event-unamelogo"></span>
								<span class="val" id="event-uname" style="cursor: pointer;margin-top: 8px;"></span>
							</li>
							<li class="line">
								<span class="txtclippname" style="margin-top: 8px;"></span>
								<span class="logo" id="event-pnamelogo"></span>
								<span class="val" id="event-pname" style="cursor: pointer;margin-top: 8px;"></span>
							</li>
							<li class="line">
								<span class="txtcliptime"></span>
								<span class="val" id="event-time"></span>
								<b id="event-processtatus" class="processtatus"></b>
							</li>
							<li class="line" style="margin-bottom: 15px;">
								<span class="txtcliptype"></span>
								<span class="val" id="event-type"></span>
							</li>
							<li class="line" style="display: none;">
								<span class="txtclipaddress"></span>
								<span class="val" id="event-address"></span>
							</li>
							<li class="line" style="display: none;">
								<span class="txtclipdetail"></span>
								<span class="val" id="event-detail"></span>
							</li>
						</ul>
						<script id="SINARSSNEWS" name="SINARSSNEWS" src="http://rss.sina.com.cn/my_sina_web_rss_news.js?border=news|allnews|sports&display=1&number=0&hight=400&width=500&length=0&css=5&size=14&guide=0"></script>
						<div id="clipevent-opt" class="party_op" style="margin: 45px 0 0 45px;width: 450px;height: 30px;">
			               <a style="display: none;" class="over"></a>
			               <a style="display: none;" class="saveshare"></a>
			               <a style="display: none;" class="forwardshare"></a>
			               <a style="display: none;" class="alreadyfw"></a>
			           	</div>
			           	<div id="alreadyfwpart" class="alreadyfwpart" style="display: none;">
                        </div>
                        <div class="shareoutzone" id="shareoutzone">
							<hr class="line" />
							<div class="shareoutopt">
								<span class="shareouttxt"></span>
								<a class="renrenlogo"></a>
								<a class="kaixin001logo"></a>
								<a class="sinalogo"></a>
								<a class="doubanlogo"></a>
							</div>
						</div>
			           	<div class="part_msg" >
			           		<span style="margin-left: 13px;">档期留言</span>
			           	</div>
			            <ul class="part_msg" id="clipevent-messages">
			            </ul>
			            <div class="replyzone" id="clipevent-replyzone">
			            	<input type="text"  class="replyinput" id="replycontent" onfocus="jQ('#replyzoneerror').empty();">
			            	<button class="reply" onclick="submitReply();"></button>
			            </div>
			            <div class="replyzoneerror" id="replyzoneerror">
			            </div>
					</td>
					<td width="230px;" valign="top">
						<div class="part_right">
							<ul class="join_member">
								<li class="top"></li>
								<li style="height:5px;" class="mid"></li>
			                  	<li class="title mid">分享统计</li>
			                  	<li class="mid">· <b id="savesharenum">0</b>人参与档期</li>
			                  	<li class="mid">· <b id="forwardsharenum" style="color:#090">0</b>次转发档期</li>
			                  	<li class="mid" style="display: none;">· 原档期<b id="reliedclipsavenum" style="color:#F00">0</b>人参与档期</li>
			                  	<li class="mid" style="display: none;">· 原档期<b id="reliedclipforwardnum" style="color:#F00">0</b>次转发档期</li>
			                  	<li style="height:10px;" class="mid"></li>
			                  	<li class="btm"></li>
			              	</ul>
			              	<div class="jm_box" style="">
			              		<button class="checkfriends" id="checkfriendsbtn" style="display: none;"></button>
			              		<span class="friendstat">共有<b id="friendscount"></b>个好友</span>
			              		<ul class="friendslist" id="friendslist" style="display: none;">
			              		</ul>
			              	</div>
			          	</div>
					</td>
				</tr>
			</table>
			
            
            
			
		</div>
		<div class="contentcenter" id="clipevent-errorcontent" style="display: none;background: url('../image/clipnotexist.jpg');padding: 0;">
			<button class="backhome" style="display: none;"></button>
			<button class="backregister" style="display: none;"></button>
		</div>
		<div class="contentbottom"></div>
	</div>
</div>
<s:include value="/foot.jsp"></s:include>
<div id='ALERT' style='display: none;' title='提示'><p style="center"></p></div>
<div id="forwardshare_box" class="forwardshare_box" style="display: none;">
	<div class="optdiv">
		<a class="corner"></a>
		<a class="close" onclick="jQ('#forwardshare_box').fadeOut();"></a>
	</div>
	<div class="forwardbox">
		<div class="share-choose">
			<span class="share-title">分享给：</span>
             		<span style="margin-left: 20px;" class="share-title">
             			<input type="radio" checked="checked" class="sharerd" value="0" name="shareraido">
             			<span style="line-height: 20px;float: left;">全部</span>
             		</span>
             		<span style="margin-left: 10px;" class="share-title">
             			<input type="radio" class="sharerd" value="1" name="shareraido" checked="">
             			<span style="line-height: 20px;float: left;">指定群组</span>
             			
             		</span>
             	</div>
             	<div class="share-contactchooseout">
              	<div id="share-contactchoose" class="share-contactchoose">
              		<span class="groupname">群组名称：</span>
               		<input type="text" id="shareautoipt"/>
               		<div class="contactgrouplist">
               			<ul id="contactgrouplist">
               			</ul>
               		</div>
              	</div>
             	</div>
             	<span id="share-errorinfo" class="share-errorinfo">
             	</span>
		<div class="share-contactchoosebtn">
			<button class="confirm" onclick="confirmshare();"></button>
			<button class="cancel" onclick="cancelshare();"></button>
		</div>
	</div>
</div>
<div id="forwardsharemember_box" class="forwardsharemember_box" style="display: none;">
	<div class="head">
		<a class="close" onclick="closeForwardsharemember_box()"></a>
	</div>
	<div class="body" id="forwardsharemember_body">
	</div>
	<div class="foot"></div>
</div>
</body>
</html>